* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 0.2rem;
  font-family: "Hiragino Sans GB", "微软雅黑", "microsoft yahei", Arial, Helvetica, sans-serif, "宋体";
  background: #EFF0F2;
  font-family: "微软雅黑";
}
a {
  color: #666;
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
b,
em,
i,
strong {
  font-style: normal;
}
img,
label,
input {
  vertical-align: middle;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
.fixedRightbar {
  position: fixed;
  right: 10px;
  bottom: 50px;
  text-align: center;
  width: 50px;
  z-index: 99;
}
.fixedRightbar li {
  width: 100%;
  height: 50px;
  float: left;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.fixedRightbar li a {
  width: 100%;
  height: 100%;
  display: block;
}
.fixedRightbar li a i {
  line-height: 50px;
  font-size: 30px;
  color: #fff;
}
.photo-sheader {
  position: fixed;
  border: none;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.photo-sheader .mlistbk,
.photo-sheader .mwhitebk {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  text-align: center;
}
.photo-sheader .mlistbk i,
.photo-sheader .mwhitebk i {
  font-size: 22px;
  color: #FF4163;
  line-height: 48px;
  font-style: normal;
}
.photo-sheader .tab {
  width: 200px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -14px;
}
.photo-sheader .tab .aui-tab {
  width: 100%;
  overflow: hidden;
}
.photo-sheader .tab .aui-tab .aui-tab-nav {
  width: 100%;
  display: box;
  box-sizing: border-box;
  font-size: 13px;
  height: 26px;
  overflow: hidden;
  position: relative;
}
.photo-sheader .tab .aui-tab .aui-tab-border {
  background-color: transparent;
  border: 1px solid;
  border-radius: 3px;
  border-color: #FC574C;
  color: #FC574C;
}
.photo-sheader .tab .aui-tab .aui-tab-border li {
  height: 26px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  width: 33.33%;
  line-height: 26px;
  border-color: #FC574C;
  vertical-align: super;
}
.photo-sheader .tab .aui-tab .aui-tab-border li {
  border-left: 1px solid;
}
.photo-sheader .tab .aui-tab .aui-tab-border .active {
  background-color: #ff4163;
  color: #fff;
  border-left: 0 solid;
  border-bottom: 2px #ff4163 solid;
}
.photo-sheader .mlistfrbox {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  text-align: center;
}
.photo-sheader .mlistfrbox i {
  font-size: 24px;
  color: #FF4163;
  line-height: 48px;
}
.mlisthd {
  height: 50px;
  line-height: 50px;
  background: #fff;
  border-bottom: 1px solid #eceef1 !important;
  text-align: center;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  box-sizing: content-box;
}
.swiper-container .swiper-wrapper .swiper-slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -85%;
  background: rgba(255, 255, 255, 0.95);
  display: block;
  height: 100%;
  z-index: 9;
  width: 85%;
  border-left: 1px solid #DDD;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .titsx {
  height: .45rem;
  line-height: .45rem;
  font-size: 1.1em;
  color: #444;
  text-align: left;
  padding-left: .1rem;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap {
  border-bottom: 1px solid #E7E6EC;
  padding-bottom: .1rem;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .cuadd {
  font-size: 0.9em;
  color: #ff4163;
  text-align: left;
  padding-left: .1rem;
  line-height: 2.8em;
  position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .cuadd em {
  font-style: normal;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .navaddbox {
  overflow: hidden;
  padding: 0 .1rem;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .navaddbox ul {
  width: 106%;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .navaddbox ul li {
  float: left;
  width: 46%;
  margin-right: 3%;
  text-align: center;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .navaddbox ul li a {
  width: 100%;
  display: block;
  background: #EFEFF3;
  color: #333;
  font-size: 0.8em;
  border-radius: 3px;
  margin-bottom: 8px;
  height: 3.1em;
  line-height: 3.1em;
}
.swiper-container .swiper-wrapper .swiper-slide .nav-content .nav-listslt .navpopwrap .navaddbox ul li .active a {
  background-color: #ff4163;
  color: #fff;
}
.swiper-container .swiper-wrapper .swiper-slide .hidden {
  display: none;
}
.swiper-container .swiper-wrapper .swiper-slide .hideNav {
  -webkit-animation: hideNav 0.35s ease forwards;
          animation: hideNav 0.35s ease forwards;
}
.swiper-container .swiper-wrapper .swiper-slide .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container .swiper-wrapper .swiper-slide .swiper-container .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container .swiper-wrapper .swiper-slide .swiper-container .swiper-wrapper .swiper-slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 100%;
  position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide .swiper-container .swiper-wrapper .order-nav {
  border: 1px solid #D8CFD0;
  border-radius: 3px;
  width: 1.35rem;
  font-size: 0.9em;
  text-align: center;
  line-height: 21px;
  margin-right: 10px;
}
.swiper-container .swiper-wrapper .swiper-slide .swiper-container .swiper-wrapper .active {
  background-color: #ff4163;
  color: #fff;
}
.swiper-container .swiper-wrapper .swiper-slide #order-container {
  background: #fff;
  padding: .1rem .1rem .1rem .1rem;
}
.swiper-container .swiper-wrapper .swiper-slide .w320nopad {
  padding: 0px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 {
  margin: 0px auto;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew {
  margin-top: 0px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .listonebox {
  border-bottom: 1px solid #E7E6EC;
  background: #fff;
  padding: .1rem;
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transition-duration: .7s;
          transition-duration: .7s;
  opacity: 0;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  opacity: 1;
  cursor: pointer;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox {
  width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit {
  overflow: hidden;
  width: 100%;
  float: left;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit h3 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: .03rem;
  font-size: 1.15em;
  font-weight: 500;
  float: left;
  color: #333;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit .nameicon {
  float: left;
  display: block;
  padding-top: .04rem;
  padding-left: .05rem;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit .nameicon .qiye {
  background: url(../img/icon2016.png) no-repeat 0 -132px transparent;
  width: 16px;
  height: 16px;
  background-size: 150px 150px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit .nameicon .tuij {
  background: url(../img/icon2016.png) no-repeat 0 -91px transparent;
  width: 16px;
  height: 16px;
  background-size: 150px 150px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit .nameicon .geti {
  background: url(../img/icon2016.png) no-repeat -18px -132px transparent;
  width: 16px;
  height: 16px;
  background-size: 150px 150px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit .nameicon i {
  display: inline-block;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnametit .fraddt {
  padding-top: .03rem;
  font-size: 0.9em;
  color: #a6a6a6;
  font-weight: 500;
  display: block;
  float: right;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnewddl {
  padding-top: .03rem;
  color: #707070;
  line-height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .listnewddl span {
  background: url(../img/icon2016.png) no-repeat -42px -127px transparent;
  width: 46px;
  height: 17px;
  background-size: 171px 171px;
  display: inline-block;
  position: relative;
  top: .03rem;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .chpicinner {
  position: relative;
  color: #BFBFBF;
  font-size: 0.8em;
  padding-top: .05rem;
  font-weight: 500;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chpicbox .chpicinner em {
  font-style: normal;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chphotobox {
  width: 100%;
  overflow: hidden;
  padding-top: .1rem;
  position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chphotobox ul {
  width: 120%;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chphotobox ul li {
  width: 26%;
  float: left;
  margin-right: .1rem;
  text-align: center;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chphotobox ul li img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 0px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chphotobox span {
  background: rgba(0, 0, 0, 0.5);
  color: #EBEBEB;
  width: 45px;
  text-align: center;
  font-size: 0.8em;
  position: absolute;
  bottom: .2rem;
  right: 1%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.swiper-container .swiper-wrapper .swiper-slide .w320 .w298listnew .chshoplist .animateLi .chphotobox span em {
  font-size: 1.3em;
  display: block;
}
